import Head from 'next/head';
import Examples from '../../../example-groups/DraggingExamples';

<Head>
  <title>Row DnD Dragging Example - Mantine React Table Docs</title>
  <meta
    name="description"
    content="An example of Mantine React Table which shows how to enable column to be re-arranged via drag and drop."
  />
  <meta
    property="og:title"
    content="Column Dnd Ordering Mantine React Table Example"
  />
  <meta
    property="og:description"
    content="An example of Mantine React Table which shows how to enable column to be re-arranged via drag and drop."
  />
</Head>

## Column DnD Ordering Example

Mantine React Table has built-in support row drag and drop features that can be used in a variety of ways. Learn more about column ordering in the [Row Ordering/DnD Feature Guide](/docs/guides/row-ordering-dnd).

<Examples isPage />

View Extra Storybook **[Examples](https://www.mantine-react-table.dev/?path=/story/prop-playground--default)**
